<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>网站首页</title>
    <link rel="stylesheet" type="text/css" th:href="@{/plugins/layui/css/layui.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/common.css}"/>
</head>
<body>

    <html th:include="website/header"></html>
    <div class="panel panel-column">
        <div class="layui-container">
            <ul>
                <li class="layui-hide-xs layui-this">
                    <a href="/">首页</a>
                </li>
                <li>
                    <a>公告</a>
                </li>
                <li>
                    <a>网站指南</a>
                </li>
                <li>
                    <a>文档中心</a>
                </li>
                <li>
                    <a>联系我们</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-container">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md8">
                <div class="panel layui-hide-xs" style="padding:15px">
                    <div class="layui-carousel" id="carouselDiv">
                        <div carousel-item="" id="carousel-item">
                            <div>
                                <a href="" target="_parent">
                                    <img th:src="@{/images/carousel/item1.jpg}"/>
                                </a>
                            </div>
                            <div>
                                <a href="" target="_parent">
                                    <img th:src="@{/images/carousel/item2.jpg}"/>
                                </a>
                            </div>
                            <div>
                                <a href="" target="_parent">
                                    <img th:src="@{/images/carousel/item3.jpg}"/>
                                </a>
                              </div>
                            <div>
                                <a href="" target="_parent"></a>
                                <img th:src="@{/images/carousel/item4.jpg}">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel">
                    如梦令（其一）<br/>
                    宋李清照 <br/>
                    常记溪亭日暮，沉醉不知归路。<br/>
                    兴尽晚回舟，误入藕花深处。<br/>
                    争渡，争渡，惊起一滩鸥鹭。<br/>
                </div>
                <div class="panel">
                    如梦令（其二）<br/>
                    宋 李清照 <br/>
                    昨夜雨疏风骤，浓睡不消残酒。<br/>
                    试问卷帘人，却道海棠依旧。<br/>
                    知否？知否？应是绿肥红瘦。<br/>
                </div>
                <div class="panel">
                    声声慢·寻寻觅觅<br/>
                    [宋] 李清照<br/>
                    寻寻觅觅，冷冷清清，凄凄惨惨戚戚。<br/>
                    乍暖还寒时候，最难将息。<br/>
                    三杯两盏淡酒，怎敌他、晚来风急？<br/>
                    雁过也，正伤心，却是旧时相识。<br/>
                    满地黄花堆积。憔悴损，如今有谁堪摘？<br/>
                    守着窗儿，独自怎生得黑？<br/>
                    梧桐更兼细雨，到黄昏、点点滴滴。<br/>
                    这次第，怎一个愁字了得！<br/>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="panel layui-hide-xs">
                    <h3 class="panel-title">温馨通道</h3>
                    <div class="layui-row">
                        <div class="layui-col-xs6">
                            <a href="">主页</a>
                        </div>
                        <div class="layui-col-xs6">
                            <a href="/v1/index" target="_parent">管理后台</a>
                        </div>
                        <div class="layui-col-xs6">
                            <a href="">文档中心</a>
                        </div>
                        <div class="layui-col-xs6">
                            <a href="">联系我们</a>
                        </div>
                        <div class="layui-col-xs6">
                            <a href="https://www.layui.com/" target="_blank">Layui官网</a>
                        </div>
                        <div class="layui-col-xs6">
                            <a href="https://gitee.com/songlvjun/SongBoot" target="_blank">码云地址</a>
                        </div>
                    </div>
                </div>
                <div class="panel">
                    <h3 class="panel-title">网站公告</h3>
                    <div class="panel-content">
                        <span class="layui-text">
                            网站代码依托于
                                <a href="https://gitee.com/" target="_blank" style="font-size:16px;color: red">码云(gitee.com)</a> ,
                            提供代码托管、版本迭代、更新、维护。
                        </span>
                    </div>
                </div>
                <div class="panel">
                    <h3 class="panel-title">网站指南</h3>
                    <div class="panel-content">
                        <p class="layui-text">layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。</p>
                        <p class="layui-text">其外在极简，却又不失饱满的内在，体积轻盈，组件丰盈，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发。</p>
                    </div>
                </div>
                <div class="panel">
                    <h3 class="panel-title">联系我们</h3>
                    <div class="panel-content">
                        <p>
                            开发者 :
                            <i class="layui-icon layui-icon-username">
                                  songlvjun
                            </i>
                        </p>
                        <p>
                            联系方式 :
                            <i class="layui-icon layui-icon-login-qq">
                                1262124917@qq.com
                            </i>
                        </p>
                        <p>
                            码云地址 :
                            <a href="https://gitee.com/songlvjun/SongBoot" target="_blank">
                                <i class="layui-icon layui-icon-link">
                                    点我跳转
                                </i>
                            </a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <html th:include="website/footer"></html>

    <script th:src="@{/plugins/layui/layui.js}" type="text/javascript" charset="utf-8"></script>
    <script th:src="@{/js/main.js}" type="text/javascript" charset="utf-8"></script>

    <script>
        layui.use(['carousel', 'form'], function() {
            var carousel = layui.carousel
                , form = layui.form;

            //图片轮播
            carousel.render({
                 elem: '#carouselDiv'
                ,width: '100%'
                ,height: '172px'
                ,interval: 5000
            });
        });
    </script>

</body>
</html>
